import { IFormApi } from '@/components/form/BmForm'
import { BmInput } from '@/components/form/BmInput'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { FC } from 'react'

export const Email: FC<{ form: IFormApi<Record<string, any>> }> = ({ form }) => {
  return (
    <main className="grid grid-cols-1">
      <Card>
        <CardHeader>
          <CardTitle>阿里云邮箱</CardTitle>
        </CardHeader>
        <CardContent>
          <BmInput label="阿里云邮箱帐号" fieldName={'system.aliyun_email_account'} formObject={form} />
          <BmInput label="密码" fieldName={'system.aliyun_email_password'} formObject={form} />
          <BmInput label="邮件主机" fieldName={'system.aliyun_email_host'} formObject={form} />
          <BmInput label="主机端口" fieldName={'system.aliyun_email_port'} formObject={form} />
        </CardContent>
      </Card>
    </main>
  )
}
